@include b(org-recursive-node-content) {
    width: auto;
    padding-top: getCssVar('spacing', 'extra-tight');
    @include e('item') {
        padding: 0 getCssVar('spacing', 'tight');

        @include when('dragover-item') {
            @include e('item') {
                @include m('content') {
                    border: 2px solid getCssVar(color, primary);
                }
            }
        }
    }

    @include e('content') {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        padding: getCssVar('spacing', 'base') 0;

        @include when('active') {
            @include e('item') {
                @include m('content') {
                    &>div {
                        opacity: 0.6;
                    }
                }

                @include when('selected') {
                    @include e('item') {
                        @include m('content') {
                            &>div {
                                opacity: 1;
                            }
                        }
                    }
                }
            }
        }

        &:has(.#{bem(org-recursive-node-content--ghost-class)} ) {
            background-color: getCssVar(color, primary, light, default);
            border: 1px solid getCssVar(color, primary);
        }
    }

    .#{bem(org-recursive-node-content--ghost-class)} {
        display: none;
    }
}